<template>
  <div>
<!-- <img src="https://img2.baidu.com/it/u=3481956968,268171127&fm=26&fmt=auto" alt="">
<p>这是一个孤独可怜的狗狗</p> -->
<!-- <img src="https://img2.baidu.com/it/u=1272594124,1533567082&fm=26&fmt=auto" alt="">
<p>这是一个孤独可怜的狗狗</p> -->
<div class="dogbox">
<Dog1/>
</div>
<div class="dogbox">
  <Dog1/>
  </div>

  </div>

</template>

<script>
// import Dog1 from './components/practise/Dog1'
import Dog1 from './components/Dog1'
export default {
  data () {
    return {

    }
  },

  created () {

  },
  components: {
    Dog1
  },
  methods: {

  }
}
</script>

<style scoped lang='less'>
.dogbox{
  display: flex;
  float: left;
  width: 200px;
  height: 180px;
  border: 1px solid #333;
  // text-align: center;
}
img{
  width: 100%;
  height: 100px;
}
p{
  text-align: center;
  line-height: 190px;
  font-size: 10px;
}
</style>
